﻿<!DOCTYPE html>
<html  manifest="../default.appcache">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <title>
        </title>
        <link rel="stylesheet" href="../css/jquery.mobile-1.2.0.min.css" />
        <link rel="stylesheet" href="../css/Default.css" />
        <script type="text/javascript" src="../../js/CoordinateConverter/Geo.CoordinateConverter.js">
        </script>
        <script type="text/javascript" src="../js/Geo.Core.js">
        </script>
        <script type="text/javascript" src="../js/jquery-1.7.2.min.js">
        </script>
        <script type="text/javascript" src="../js/jquery.mobile-1.2.0.min.js">
        </script>
        <script type="text/javascript" src="../js/Geo.UI.js">
        </script>
        <script type="text/javascript" src="../js/p/index.js">
        </script>
    </head>
    <body>
        <!-- Home -->
        <div data-role="page" id="page1">
            <div data-theme="b" data-role="header">
                <h3>
                    Geotrackable
                </h3>
            </div>
            <div style="text-align:center;margin-top:20px;">
                <img style="width: 200px; height: 200px" src="../images/GeotrackableSealV1.gif" />
            </div>
            <div data-role="content">
                <div id="GeoCode" data-role="fieldcontain">
                    <fieldset data-role="controlgroup">
                        <label for="GeoCode">
                            Lookup Geotrackble Code
                        </label>
                        <input name="GeoCode" id="txtLookup" placeholder="Enter Code" value="" type="search" />
                    </fieldset>
                </div>
                <a data-role="button" data-theme="b" data-icon="arrow-r" id="btnNext" data-iconpos="right">
                    Next
                </a>
            </div>
            
            <div id="divLogEntries" style="display:none;">
                <h3>Unsubmitted (Offline) Log Entries</h3>
                <table>
                    <thead>
                        <tr>
                            <th>
                                ID
                            </th>
                            <th>
                                Trackable
                            </th>
                            <th>
                                Action
                            </th>
                            <th>
                               Geocache
                            </th>
                            <th>
                                User
                            </th>
                            <th>
                                Coordinates
                            </th>
                            
                        </tr>
                    </thead>
                    <tbody id="tbodyLogEntries">

                    </tbody>
                </table>
            </div>

            <div class="footer" style="text-align:center;">[<a href="../CoordinateConverter/">Coordinate Converter</a>]</div>

            <div data-theme="b" data-role="footer">
                <h3>
                    <span id="lblStatus"></span>
                </h3>
            </div>
        </div>
    </body>
</html>
